<template>
    <div class="indexview">
        <div class="top-f4">
            <IndexF4></IndexF4>
            <IndexF4></IndexF4>
            <IndexF4></IndexF4>
            <IndexF4></IndexF4>
        </div>
        <IndexBedUse></IndexBedUse>
        <IndexWelcomeVue></IndexWelcomeVue>
        <div class="table-index">
            <TableIndex></TableIndex>
            <Pages></Pages>
        </div>
        
    </div>
  
</template>

<script>
import IndexF4 from '../components/IndexF4.vue'
import IndexBedUse from '../components/IndexBedUse.vue'
import IndexWelcomeVue from '../components/IndexWelcome.vue'
import Pages from '../components/Pages.vue'
import TableIndex from '../components/TableIndex.vue'
export default {
    name: 'IndexView',
    components: {
        IndexF4,
        IndexBedUse,
        IndexWelcomeVue,
        Pages,
        TableIndex
    }
}
</script>

<style scoped lang="scss">
.indexview {
    width: 1120px;
    margin: 0 auto;
}
.top-f4 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.welcome {
    margin-top: 20px;
}
.table-index {
    background-color: #fff;
    padding: 40px 20px;
}
.el-pagination {
    margin-top: 20px;
    padding-left: 500px;
}
</style>